* {
    margin: 0;
    padding: 0;
}
html, body {
    width: 100%;
    height: 100%;
}
a {
    color: #fff;
}
.header {
    position: relative;
    width: 100%;
    height: 12.5%;
    color: #fff;
    background: #424242;
    border-bottom: 1px solid #fff;
}
.header .head-photo {
    display: inline-block;
    padding: 15px 0 0 20px;
}
.header .head-photo img {
    width: 50px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 50%;
}
.header .head-photo p {
    font-size: 12px;
}
.header .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    font-size: 30px;
}
.container-fluid {
    height: 87.5%;
}
.container-fluid .row {
    height: 100%;
}
.container-fluid .row .sidebar {
    height: 100%;
    background: #424242;
    color: #fff;
}
.container-fluid .row .personal {
    margin: 35px 0;
}
.personal ul h4:nth-of-type(2) {
    margin: 15px 0;
}
.col-wid{
    padding: 0;
}

/* 
sidebar
*/
.nav > li > a:hover {
    background-color: rgba(204, 204, 204, 0.5);
    color: #fff;
}

/*
我的信息
*/
.profile-head, .detail-head, .manage-head, .cart-head, .credit-head{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(110, 160, 29, 0.5);
    text-align: center;
    font-family: "微软雅黑";
}
.profile-width, .detail-width, .manage-width, .cart-width, .credit-width{
    width: 1100px;
    padding-top:20px; 
    padding-left:20px;  
}
/* 门票管理 */
.btn-group {
    margin-bottom: 20px;
}

/* 我的购物车 */
.cart-width table tr td {
    vertical-align: middle;
}
/* 充值中心 */
#pay-form .cut-line {
    margin: 20px 0;
    border: 1px solid skyblue;
    opacity: 0.5;
}
#pay-form .input-group {
    width: 30%;
}
#pay-form .recharge-record {
    height: 40px;
    line-height: 40px;
    background-color: rgba(135, 206, 245, 0.5);
}
#pay-form .text-center th {
    text-align: center;
}